//定义store

import { defineStore } from 'pinia'
import { ref } from 'vue'
/**
 * 第一个参数：名字，唯一性
 * 第二个参数：函数，函数的内部可以定义状态的所有内容
 * 返回值：函数
 */
export const useTokenStore = defineStore(
    'token', 
    () => {
        //定义状态内容
        //1.响应式变量
        const token = ref('');

        //2.定义一个函数，修改token的值
        const setToken = (newToken) => {
            token.value = newToken;
        }

        //3.定义一个函数，移除token
        const  removeToken = () => {
            token.value = '';
        }

        return { token, setToken, removeToken };
    },
    { persist: true }
)

export const useUserInfoStore = defineStore('userInfo', () => { 
    const userInfo = ref({});
    const setUserInfo = (newUserInfo) => {
        userInfo.value = newUserInfo;
    }
    const removeUserInfo = () => {
        userInfo.value = {};
    }
    return { userInfo, setUserInfo, removeUserInfo };
})